“Easy Mag - Responsive Blogger Template” Documentation by “Bthemez” v1.0
Created: 15/10/2014
By: Bthemez
Email: bthemez@gmail.com
Thank you for purchasing my theme. If you have any questions that are beyond the scope of this help file, please feel free to email. Thanks so much!
Table of Contents
- Installation - top
- Upload Logo- top
- Imprortant Settings for Seo- top
- Setting up the Header Text - top
- On Blogger Dashbord Click Template
- Click Edit HTML
- Find this Code :
<div class='bz-header-bottom'> <div class='wrapper clearfix'> <div class='left-color'/> <nav class='pull-left' id='main-nav'> <ul class='clearfix' id='main-menu'> <li class='current-menu-item'> <a href='#'>Home page<span class='double-square'/></a> </li> <li> <a href='#'>Blog<span class='double-square'/></a> </li> <li> <a href='single.html'>Single<span class='double-square'/></a> <ul> <li><a href='single-standard.html'>Single standard</a></li> <li><a href='single-audio.html'>Single audio</a></li> </ul> </li> <li> <a href='#'>Portfolio<span class='double-square'/></a> <ul> <li><a href='portfolio-1.html'>Portfolio style 1</a></li> <li><a href='portfolio-2.html'>Portfolio style 2</a></li> <li> <a href='#'>Portfolio detail</a> <ul> <li><a href='single-portfolio-standard.html'>Single portfolio standard</a></li> <li><a href='single-portfolio-gallery.html'>Single portfolio gallery</a></li> </ul> </li> </ul> </li> <li><a href='elements.html'>Elements<span class='double-square'/></a></li> <li><a href='contact.html'>Contact us<span class='double-square'/></a></li> </ul> <!-- main-menu --> <i class='fa fa-align-justify'/> <div class='mobile-menu-wrapper'> <ul id='mobile-menu'> <li class='current-menu-item'> <a href='#'>Home</a> </li> <li> <a href='#'>Blogs</a> </li> <li> <a href='#'>Singles</a> <ul> <li><a href='single-standard.html'>Single standard</a></li> <li><a href='single-audio.html'>Single audio</a></li> </ul> </li> <li> <a href='#'>Portfolio</a> <ul> <li><a href='portfolio-1.html'>Portfolio style 1</a></li> <li><a href='portfolio-2.html'>Portfolio style 2</a></li> <li> <a href='#'>Portfolio detail</a> <ul> <li><a href='single-portfolio-standard.html'>Single portfolio standard</a></li> <li><a href='single-portfolio-gallery.html'>Single portfolio gallery</a></li> </ul> </li> </ul> </li> <li> <a href='elements.html'>Elements page</a> </li> <li> <a href='contact.html'>Contact page</a> </li> </ul> <!-- mobile-menu --> </div> <!-- mobile-menu-wrapper --> </nav> <!-- main-nav --> <!-- main-nav --> <ul class='social-links pull-right clearfix'> <li> <a class='fa fa-facebook' href='#'/> <div class='square-1'/> <div class='square-2'/> </li> <li> <a class='fa fa-twitter' href='#'/> <div class='square-1'/> <div class='square-2'/> </li> <li> <a class='fa fa-google-plus' href='#'/> <div class='square-1'/> <div class='square-2'/> </li> <li> <a class='fa fa-pinterest' href='#'/> <div class='square-1'/> <div class='square-2'/> </li> </ul> <!-- social-links --> </div> <!-- wrapper --> </div>Change the links according to your need. It will setup your blog Menu and Note: Change The Links of mobile menu also.
- Setting up the Label menu - top
- On Blogger Dashbord Click Template
- Click Edit HTML
- (Top Menu) Scroll down and Find this Code :
<nav id="menu"> <div class="wrapper"> <input type="checkbox"> <label> ≡ <span> Click Here </span> </label> <ul class="second-menu clearfix"> <li class="home"> <a href="/search/label/photo?max-results=12"> Label 1 </a> </li> <li> <a href="/search?max-results=12"> Blog </a> </li> <li> <a href="/search/label/awesome?max-results=12"> Label 2 </a> </li> <li> <a href="/search/label/lifestyle?max-results=12"> LifeStyle </a> </li> <li> <a href="/search/label/music?max-results=12"> Music </a> </li> <li> <a href="/search/label/music?max-results=12"> Music 2 </a> </li> <li> <a href="/404"> Error 404 </a> </li> </ul> </div> </nav> - Change After /label/ with yours Label name
- Setup Slider - top
- Add Content To the Site - top
- On Blogger Dashbord Click layout
- Go to any content widget Click Edit
- Add any label of your blog
Just like i have added photo label in category 5
- Edit Sidebar - top
- To Setup Facebook like bok- top
Now you have Easy Mag Blogger Template. You Can Follow This Steps To Upload Your Blogger Template To Blogger Platform. First Login to your Blogger DashBoard by Using Your Google Username And Password from Here.
Then follow these steps:
1. On Blogger Dashboard Click Template.
2. Click Backup/Restore button (Top Right).
3. Click Choose ( Browse..) File button. Find where the “Easy Mag-Blogger-Template.xml” file location.
4. Then Click Upload.
Note: Before Uploading This Template Mobile Blogger Template Must Enable to make Blogger Customize Work
Access your blog Layout > click Edit link on Header widget
Access your blog Template > click Edit Template
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<meta content='Easy Mag Premium Blogger Template | BThemez' name='description'/>
<meta content='Your Keywords here' name='keywords'/>
<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
<meta content='true' name='MSSmartTagsPreventParsing'/>
<meta content='blogger' name='generator'/>
<meta content='noodp' name='robots'/>
<meta content='Bthemez' name='author'/>
<meta content='Bthemez' name='copyright'/>
<meta content='bthemez@gmail.com' name='Email'/>
<meta content='index, follow' name='robots'/>
<meta content='id' name='language'/>
<meta content='id' name='geo.country'/>
<meta content='global' name='distribution'/>
<meta content='1 days' name='revisit-after'/>
</b:if>
<link href='https://plus.google.com/+Bthemezsite' rel='publisher'/>
Change All these Information according to your needs
To Edit Top Menu in this theme you can follow this step:
To Edit Label Menu in this theme you can follow this step:
For Example: I have Label Name Music So,I add /label/music
Note: It's Case Sensative.
<div class='owl-carousel owl-theme' id='owl-demo'>
<div class='item'><img alt='The Last of us' src='http://3.bp.blogspot.com/-9-g3rsh17RU/VD-CXZSjBhI/AAAAAAAAAhU/HsLsBeAUCPs/s1600/post-1.jpg'/>
<div class='entry-content1'>
<a class='entry-categories clearfix' href='#'><i class='fa fa-file-text-o pull-left'/><span class='pull-left'>Lifestyle</span></a>
<h2 class='entry-title1'><a href='#'>Enjoy High Desert Design</a></h2>
<div class='meta-box'>
<span class='entry-author clearfix'><span class='pull-left'>By</span><a class='pull-left' href='#'>Konzept & art direction</a></span>
<span class='entry-date'>July 8, 2014</span>
</div>
<!-- meta-box -->
<p>Situated just one block from the beach in Venice, California, this award-winning local landmark epitomizes modernist cool.</p>
</div>
</div>
<div class='item'><img alt='GTA V' src='http://3.bp.blogspot.com/-9-g3rsh17RU/VD-CXZSjBhI/AAAAAAAAAhU/HsLsBeAUCPs/s1600/post-1.jpg'/>
<div class='entry-content1'>
<a class='entry-categories clearfix' href='#'><i class='fa fa-file-text-o pull-left'/><span class='pull-left'>Lifestyle</span></a>
<h2 class='entry-title1'><a href='#'>Enjoy High Desert Design</a></h2>
<div class='meta-box'>
<span class='entry-author clearfix'><span class='pull-left'>By</span><a class='pull-left' href='#'>Konzept & art direction</a></span>
<span class='entry-date'>July 8, 2014</span>
</div>
<!-- meta-box -->
<p>Situated just one block from the beach in Venice, California, this award-winning local landmark epitomizes modernist cool.</p>
</div>
</div>
<div class='item'><img alt='Mirror Edge' src='http://3.bp.blogspot.com/-9-g3rsh17RU/VD-CXZSjBhI/AAAAAAAAAhU/HsLsBeAUCPs/s1600/post-1.jpg'/>
<div class='entry-content1'>
<a class='entry-categories clearfix' href='#'><i class='fa fa-file-text-o pull-left'/><span class='pull-left'>Lifestyle</span></a>
<h2 class='entry-title1'><a href='#'>Enjoy High Desert Design</a></h2>
<div class='meta-box'>
<span class='entry-author clearfix'><span class='pull-left'>By</span><a class='pull-left' href='#'>Konzept & art direction</a></span>
<span class='entry-date'>July 8, 2014</span>
</div>
<!-- meta-box -->
<p>Situated just one block from the beach in Venice, California, this award-winning local landmark epitomizes modernist cool.</p>
</div>
</div>
</div>
Change Image Code according to your need. If You want to setup like Our Demo. Just Change all these information.
Like Categories
Article Content
If you don't want just delete these content
Adding the content in this site is super easy.
What's Hot Section
Go to layout And Click on edit of what's hot
Setup just like the image above
Setup Social Media
Go to layout And Click on edit
And Add the following Code
<ul class="social-links clearfix"> <li> <a class="social_icon_facebook fa fa-facebook" href="#"></a> <div class="square-1"></div> <div class="square-2"></div> </li> <li> <a class="fa fa-twitter social_icon_twitter" href="#"></a> <div class="square-1"></div> <div class="square-2"></div> </li> <li> <a class="fa fa-google-plus" href="#"></a> <div class="square-1"></div> <div class="square-2"></div> </li> <li> <a class="fa fa-pinterest" href="#"></a> <div class="square-1"></div> <div class="square-2"></div> </li> </ul>
You must wrap your facebook iframe code in this <div id="likebox-wrapper"> otherwise it won't be responsive
Once again, thank you so much for purchasing this theme. As I said at the beginning, I'd be glad to help you if you have any questions relating to this theme. No guarantees, but I'll do my best to assist.